<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<ui:composition>	
			
		
		<rich:graphValidator value="#{Tarea.data}">
		<rich:panel>
		<f:facet name="header">
			Datos generales de la tarea
		</f:facet>
		<div>
		
			<h:outputLabel for="edicion_nombreTarea" style="width:70px;">
				Nombre:
			</h:outputLabel>
		 	<h:inputText disabled="false" style="width:200px;"  id="edicion_nombreTarea" value="#{Tarea.data.nombreTarea}"/>
		 
		 	<h:outputLabel for="edicion_nombreProyecto" styleClass="izquierda" style="width:70px;">
		 					Proyecto
		 	</h:outputLabel>
		 	
			<h:selectOneMenu value="#{Tarea.data.idProyecto}"   styleClass="izquierda" style="width:200px;">
				<a4j:support event="onchange" reRender="edicion_idCategoria"/>
				<f:selectItems value="#{Tarea.proyectosUI}"></f:selectItems>
			</h:selectOneMenu>
			
			<h:outputLabel for="edicion_nombreCategoria" styleClass="izquierda" style="margin-left:10px;width:70px;">
		 					Categoria
		 	</h:outputLabel>
		 	
			<h:selectOneMenu id="edicion_idCategoria" value="#{Tarea.data.idCategoria}" style="width:100px;">
				<f:selectItems    value="#{Tarea.categoriasUI}"></f:selectItems>
			</h:selectOneMenu>
			
			
		 	
		 	
		 	
		 	
		 	
		</div>			
		<div>
			<h:outputLabel for="edicion_idUsuarioAlta" style="width:70px;">
		 					Creada por
		 	</h:outputLabel>
		 	<h:inputText id="edicion_idUsuarioAlta" disabled="false" onfocus="#{rich:component('sug-usuarioAlta')}.callSuggestion(true)" style="width:200px;"  value="#{Tarea.data.idUsuarioAlta}"/>
		 	
		 	<rich:suggestionbox id="sug-usuarioAlta" suggestionAction="#{Login.usuarios}"
		 		var="usuario"
		 		fetchValue="#{usuario.idUsuario}"
		 		for="edicion_idUsuarioAlta">
		 	<h:column>
		 		#{usuario.nombreUsuario}
		 	</h:column>	
		 	<h:column>
		 		<h:graphicImage value="#{usuario.foto}" width="40"/>
		 	</h:column>
		 	</rich:suggestionbox>
		 	<h:outputLabel for="edicion_idUsuario" style="margin-left:10px;width:70px;">
		 					Asignada a
		 	</h:outputLabel>
		 	
		<h:inputText id="edicion_idUsuario" disabled="false" style="margin-left:10px;width:200px;" onfocus="#{rich:component('sug-usuario')}.callSuggestion(true)"  value="#{Tarea.data.idUsuario}"/>
		<rich:suggestionbox id="sug-usuario" suggestionAction="#{Login.usuarios}"
		 		var="usuario"
		 		fetchValue="#{usuario.idUsuario}"
		 		for="edicion_idUsuario">
		 	<h:column>
		 		#{usuario.nombreUsuario}
		 	</h:column>	
		 	<h:column>
		 		<h:graphicImage value="#{usuario.foto}" width="40"/>
		 	</h:column>
		 	</rich:suggestionbox>
		 	
		 	<h:outputLabel for="edicion_prioridad" class="izquierda" style="width:70px;">
		 					Prioridad
		 	</h:outputLabel>
		 	<h:selectOneMenu id="edicion_prioridad" value="#{Tarea.data.prioridad}"  style="width:100px;">
				<f:selectItems value="#{Tarea.prioridadesUI}"></f:selectItems>
			</h:selectOneMenu>
		 </div>
		 
		 
		 <div>
		
		<h:outputLabel for="edicion_progreso" style="width:70px;float:left;">
		 					Progreso
		 	</h:outputLabel>
		 <span style="display:inline;padding:0px;margin:0px;">
		 <rich:inputNumberSlider style="float:left" step="5" id="edicion_progreso" value="#{Tarea.data.progreso}"
            showBoundaryValues="false" inputPosition="top"   />
         </span>   
		<h:outputLabel for="edicion_horasPrevistas" style="margin-left:13px;width:70px;">
		 					H. previstas
		 	</h:outputLabel>
		 	<h:inputText id="edicion_horasPrevistas" disabled="false" style="margin-left:10px;width:40px;"  value="#{Tarea.data.horasPlanificadas}"/>
		
		<h:outputLabel for="edicion_horasUtilizadas" style="margin-left:25px;width:80px;">
		 					H. utilizadas
		 	</h:outputLabel>
		 	<h:inputText id="edicion_horasUtilizadas" disabled="false" style="margin-left:10px;width:40px;"  value="#{Tarea.data.horasUtilizadas}"/>
		
		</div>
		</rich:panel>
		
		<br></br>
		<rich:panel>
			<f:facet name="header">
				Descripcion
			</f:facet>
			<rich:editor  viewMode="source" width="894" height="150" autoResize="true" id="edicion_" value="#{Tarea.data.descripcionTarea}" />
			</rich:panel>
		</rich:graphValidator>
		
		

</ui:composition>
</html>